<template>
  <div class="right">
    <p>右组件</p>
    {{ count }}
    <button @click="add">count+1</button>
  </div>
</template>

<script>
export default {
  name:'MyRight',
  data() {
    return {
      count:0
    }
  },
    methods: {
    add() {
      this.count++;
    },
  },
};
</script>

<style scoped>
.right {
  height: 200px;
  width: 50%;
  background-color: rgba(167, 253, 150, 0.747);
}
</style>